.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.font-dpr(@font-size){
  font-size: @font-size;
  　[data-dpr="2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr="3"] & {
    font-size: @font-size * 3;
  }
}
.top{
  display: flex;
  justify-content: flex-end;
  .px2rem(margin,10);
  a{
    .px2rem(height,60);
    .px2rem(width,60);
    border: 1px solid #ccc;
    background: #ccc;
    border-radius: 50%;
    img{
      width: 60%;
      margin: 0 auto;
      display: block;
      .px2rem(padding,11);
    }
  }
}
.touX{
  .px2rem(margin-top,36);
  text-align: center;
  img{
    width: 20%;
  }
}
.name{
  .px2rem(margin-top,36);
  text-align: center;
  h1{
    .font-dpr(16px);
  }
}
.xinY{
  display: flex;
  justify-content: center;
  .font-dpr(10px);
  color: #c6c6c6;
  span{
    .px2rem(padding,20);
  }
}
.zhuangT{
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin: 0 auto;
  margin-top:1rem;
  .px2rem(margin-bottom,60);
  figure{
    figcaption{
      text-align: center;
      .px2rem(padding-bottom,20);
    }
  }
}
.hui{
 .px2rem(padding,15);
  background: #f7f7f7;
}
.nav{
  .px2rem(padding-top,40);
  .px2rem(padding-bottom,40);
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  dl{
    width: 20%;
    dt{
      .px2rem(height,50);
      img{
        width: 25%;
      }
    }
    dd{
      .px2rem(padding-top,24);
    }
  }
}
.my_logo{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  .px2rem(margin-bottom,120);
  dl{
    width: 30%;
    .px2rem(padding-top,70);
    dt{
      img{
        width: 20%;
      }
    }
    dd{
      .px2rem(margin-top,50);
    }
    p{
      .px2rem(margin-top,10);
    }
  }
}
footer{
  position:fixed;
  bottom:0;left: 0;right: 0;
  border-top:1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: white;
  .px2rem(padding,10);
  z-index: 99999;
  text-align: center;
  dl{
    width: 20%;
    .jia{
      width:52% ;
    }
    dt{
      .px2rem(height,45);
      img{
        width: 25%;
      }
    }
    dd{
      .px2rem(padding-top,10);
      .font-dpr(10px);
    }
  }
}